// var xkl = {
const xkl = {
    // 对象 花括号；对象的属性则采用键值对格式；最后一个属性不需要加逗号
    name: '肖凯浪',
    sex: '男',
    hasGirlFriend:true,
    hometown: '宜春',
    room: '研一'
}
xkl.room = '1101';
// const num = 1;
// num++;

// Js 是表现力极强的语言
// 对象字面量 xkl
console.log(typeof xkl)

// 传统，保守一点 class类
const children = []; // 统计Person的人数有多少，用数组来计算
class Person{
    constructor(name,sex){
        this.name = name; // 分号结尾
        this.sex = sex;
        if (children.length >=2) {
            console.log('感谢你为国家所做的贡献');
        }
    }
}
const hail = new Person('肖凯伦');
children.push(hail); // 数组里面添加元素
const hail1 = new Person('小飞');
children.push(hail1);
const hail2 = new Person('肖战');
children.push(hail2);
console.log(children);
console.log(typeof children);
console.log(children,typeof children);

{
    let blockI = 'i';
}
// let 支持块级作用域，只是在块级元素的时候，才有这个变量{不然会报错，变量未定义}
// console.log(blockI)


const ele = document.getElementById('user');
const nameEle = document.createElement('div');
const homeEle = document.createElement('div');
nameEle.innerText = xkl.name;
homeEle.innerHTML = xkl.room;
ele.appendChild(nameEle);
ele.appendChild(homeEle);

const txtEle = document.createElement('div')
txtEle.innerText = 'name: '+ xkl.name
    + ' room: '+ xkl.room
    + ' hometown: '+ xkl.hometown
ele.appendChild(txtEle)

// 在JavaScript里面的字符串可以用： "" '' ``表示
// 字符串里面有标签的话使用innerHTML，没有的话使用innerText
ele.innerHTML = `
    <div>姓名：${xkl.name}</div>
    <div>家乡: ${xkl.hometown}</div>
`
